<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>


<f:view>
  
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></meta>
      <title>
        <h:outputText value="Solutech-shop - Fiche composant"/>
      </title>
      <link href="../css/solutech.css" rel="stylesheet" media="screen"></link>
      
    </head>
    <body><h:form>
        <table width="100%" border="0" >
          <tr>
            <td>
              <h1 align="center">
                <h:graphicImage url="/img/logo.jpg"
                                alt="Solutech Logo" style="height: 124px; width: 181px"/>
                <h:outputText value="Solutech-Shop Application"/>
              </h1>
            </td>
          </tr>
          <tr>
            <td>
              <f:subview id="client_bar">
                <jsp:include page="client_bar.jsp"/>
              </f:subview>
            </td>
          </tr>
          <tr><td height="50px">&nbsp;</td></tr>
          <tr>
          	<td>
          	<table width="100%" border="0">
          		<tr>
          		<td style="width: 250px">
          	 <f:subview id="cataloguemenu">
                <jsp:include page="cataloguemenu.jsp"/>
              </f:subview>
          		</td>
          		<td style="width:50px"></td>
          		<td >
          		<table width="80%" border="0">
          		<tr>
          		<td style="width: 20px"></td>
          		<td>
          		
          		<div style="margin-top: 0px;margin-left: 0px">
          		<h:graphicImage value="#{GetComposant.image}"></h:graphicImage>
          		</div>
          		
          		</td>
          		<td>
          		<table width="100%"><tr><td style="height: 20px">
          			<h:outputText value="#{GetComposant.libelle}"  style=" font-size: 18px; font-weight: bold">
					</h:outputText>
					<f:verbatim> </f:verbatim>
					<h:outputText value="#{GetComposant.prix}"  style="color: red; font-size: 16px; font-weight: bold">
					
					</h:outputText>
					<h:outputText value=" $"  style="color: #8080FF; font-size: 24px; font-weight: bold">
					</h:outputText>
					</td></tr>
				</table>
				
          		<div style="width: 250px;height: 200px;background-color:#FFFFEF">
          		<table><tr><td>
          		<h:outputText value="Code: "  style="font-size: 14px; font-weight: bold;">
				</h:outputText>
				<h:outputText value="#{GetComposant.code}"  style="font-size: 14px; ">
				</h:outputText>
				</td>
				</tr>
				<tr><td>
				<h:outputText value="#{GetComposant.description}"  style="font-size: 14px; ">
				</h:outputText>
				</td></tr>
				
				<tr><td height="30px" >
				
		<!--  	<h:commandLink action="#{Composants_Backing.getComposantDetailsAction}">
									<h:outputText value="Ajouter au panier d'achat" style=""></h:outputText>
								</h:commandLink>-->
						
				</td></tr>
				<tr><td><h:commandButton action="#{FicheComposant_Backing.addComposantToPanier}" value="Ajouter au panier d'achat" ></h:commandButton>		</td></tr>
				</table>
          		</div>
          		</td>
          		
								
							</tr>
							
							
          		</table>
          		
          		</td></tr></table>
      
          	</td>
          </tr>
     
        </table>
      </h:form></body>
  </html>
</f:view>